<template>
  <view className="page flex-col">
    <view className="block_5 flex-col">
      <view className="text-wrapper_2 flex-col">
        <text className="text_4">您好！请问有什么可以帮您</text>
      </view>
      <view className="text-wrapper_3 flex-col">
        <text className="text_5">把点光源换成扩展光源的的</text>
      </view>
      <view class="footer">
        <view className="box_5 flex-row justify-between">
          <view className="image-wrapper_1 flex-col">
            <image
              className="thumbnail_5"
              referrerpolicy="no-referrer"
              src="./img/SketchPng874f08dc90269d5972deb6279028969984c3b5e48186cc93717a8a1a3c61aaea.png"
            />
          </view>
          <view className="image-wrapper_2 flex-col">
            <image
              className="image_2"
              referrerpolicy="no-referrer"
              src="./img/SketchPng9d746fd423050a9223ee1ca9cc4901cf5e616b65fefacecb86bd08ce4909f577.png"
            />
          </view>
        </view>
        <view className="box_6 flex-row justify-between">
          <view className="block_3 flex-row">
            <view className="image-text_13 flex-row justify-between">
              <image
                className="thumbnail_6"
                referrerpolicy="no-referrer"
                src="./img/SketchPng70cc5414c3128d090dd6201f6a8f10527e9da33beb6e0b5af5504553b03b850f.png"
              />
              <text className="text-group_1">请输入您的问题</text>
            </view>
          </view>
          <image
            className="label_1"
            referrerpolicy="no-referrer"
            src="./img/SketchPngea54867acc373bb76110bb21bca623b0b304d4c62a9d7423c1ef49c4dd800e7a.png"
          />
        </view>
      </view>
    </view>
    <tabBar :tabIndex="2"></tabBar>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {},
    };
  },
  methods: {},
};
</script>
<style scoped lang="less">
.page {
  background-color: rgba(248, 248, 248, 1);
  position: relative;
  width: 750rpx;
  height: calc(100vh - 196rpx);
  overflow: hidden;
}

.block_1 {
  background-color: rgba(255, 255, 255, 1);
  padding: 28rpx 28rpx 22rpx 42rpx;
}

.box_3 {
}

.text-wrapper_5 {
  width: 108rpx;
  height: 40rpx;
  overflow-wrap: break-word;
  font-size: 0;
  letter-spacing: -0.2800000011920929px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 40rpx;
}

.text_8 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 40rpx;
}

.text_9 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 28rpx;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 40rpx;
}

.thumbnail_10 {
  width: 34rpx;
  height: 22rpx;
  margin: 8rpx 0 10rpx 438rpx;
}

.thumbnail_11 {
  width: 30rpx;
  height: 22rpx;
  margin: 6rpx 0 12rpx 10rpx;
}

.image_5 {
  width: 50rpx;
  height: 24rpx;
  margin: 6rpx 0 10rpx 10rpx;
}

.box_4 {
  width: 666rpx;
  margin: 42rpx 12rpx 0 2rpx;
}

.thumbnail_12 {
  width: 40rpx;
  height: 40rpx;
  margin: 2rpx 0 10rpx 0;
}

.text_3 {
  overflow-wrap: break-word;
  color: rgba(38, 38, 38, 1);
  font-size: 36rpx;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 52rpx;
}

.thumbnail_4 {
  width: 40rpx;
  height: 8rpx;
  margin: 22rpx 0 22rpx 0;
}

.block_5 {
  padding: 32rpx 32rpx 34rpx 32rpx;
  height: 100%;
}

.text-wrapper_2 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px 8px 8px 8px;
  margin-right: 302rpx;
  padding: 22rpx 24rpx 20rpx 24rpx;
}

.text_4 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 28rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 40rpx;
}

.text-wrapper_3 {
  background-color: rgba(39, 118, 255, 1);
  margin: 32rpx 0 0 302rpx;
  padding: 22rpx 24rpx 20rpx 24rpx;
}

.text_5 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 28rpx;
  font-weight: normal;
  text-align: justify;
  white-space: nowrap;
  line-height: 40rpx;
}
.footer {
  position: absolute;
  bottom: 0;
  left: 0;  padding: 32rpx 32rpx 34rpx 32rpx;
}
.box_5 {
  width: 184rpx;
}

.image-wrapper_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px;
  border: 1px solid rgba(230, 235, 241, 1);
  padding: 18rpx 18rpx 18rpx 18rpx;
}

.thumbnail_5 {
  width: 40rpx;
  height: 40rpx;
}

.image-wrapper_2 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px;
  border: 1px solid rgba(230, 235, 241, 1);
  padding: 20rpx 16rpx 20rpx 16rpx;
}

.image_2 {
  width: 44rpx;
  height: 36rpx;
}

.box_6 {
  width: 686rpx;
  margin-top: 24rpx;
}

.block_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px;
  border: 1px solid rgba(230, 235, 241, 1);
  padding: 18rpx 296rpx 18rpx 22rpx;
}

.image-text_13 {
  width: 252rpx;
}

.thumbnail_6 {
  width: 40rpx;
  height: 40rpx;
}

.text-group_1 {
  overflow-wrap: break-word;
  color: rgba(191, 191, 191, 1);
  font-size: 28rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 40rpx;
}

.label_1 {
  width: 80rpx;
  height: 80rpx;
}

.block_4 {
  box-shadow: inset 0px 0px 0px 0px rgba(230, 235, 241, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 750rpx;
  margin-top: -2rpx;
  justify-content: flex-center;
  padding: 16rpx 52rpx 0 52rpx;
}

.image-text_14 {
}

.label_2 {
  width: 60rpx;
  height: 60rpx;
}

.text-group_2 {
  overflow-wrap: break-word;
  color: rgba(140, 140, 140, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 32rpx;
  align-self: center;
  margin-top: 8rpx;
}

.image-text_15 {
  margin-left: 88rpx;
}

.label_3 {
  width: 60rpx;
  height: 60rpx;
}

.text-group_3 {
  overflow-wrap: break-word;
  color: rgba(140, 140, 140, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 32rpx;
  align-self: center;
  margin-top: 8rpx;
}

.image-text_16 {
  margin-left: 82rpx;
}

.label_4 {
  width: 60rpx;
  height: 60rpx;
  margin: 0 4rpx 0 6rpx;
}

.text-group_4 {
  overflow-wrap: break-word;
  color: rgba(39, 118, 255, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 32rpx;
  margin-top: 8rpx;
}

.image-text_17 {
  margin-left: 84rpx;
}

.label_5 {
  width: 60rpx;
  height: 60rpx;
}

.text-group_5 {
  overflow-wrap: break-word;
  color: rgba(140, 140, 140, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 32rpx;
  align-self: center;
  margin-top: 8rpx;
}

.image-text_18 {
  margin-left: 82rpx;
}

.label_6 {
  width: 60rpx;
  height: 60rpx;
}

.text-group_6 {
  overflow-wrap: break-word;
  color: rgba(140, 140, 140, 1);
  font-size: 24rpx;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 32rpx;
  align-self: center;
  margin-top: 8rpx;
}

.image_3 {
  width: 750rpx;
  height: 68rpx;
}
</style>
